<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <script src="js/jquery-1.12.4.js"></script>
    <link rel="stylesheet" href="css/header.css" />
    <script src="js/header.js"></script>
</head>

<body>
    <header>
        <div class="header1 main">
            <div class="header1Left">
                <div class="header1LeftLeft" title="百联集团旗下全渠道电商平台">
                    <div class="txt">百联集团旗下全渠道电商平台</div>
                </div>
                <div class="header1LeftCenter">
                    <a class="nav1" href="">网站导航</a>
                    <span></span>
                    <ul class="header1LeftCenterUl">
                        <li><a href="">百联集团官网</a></li>
                        <li><a href="">支付宝网</a></li>
                        <li><a href="">第一医药</a></li>
                        <li><a href="">OK会员卡专区</a></li>
                    </ul>
                </div>
                <div class="header1LeftRight">消息</div>
            </div>
            <div class="header1Right">
                <ul class="header1RightUl">
                    <li class="first"></li>
                    <li class="login_register">
                        <a href="login.html">请登录</a>
                        <a href="register.html">注册</a>
                    </li>
                    <li>|</li>
                    <li><a href="#">我的订单</a></li>
                    <li>|</li>
                    <li class="header1RightList1">
                        <a href="#">我的百联<i></i></a>
                        <ul>
                            <li><a href="">我的订单</a></li>
                            <li><a href="">我的评价</a></li>
                            <li><a href="">我的积分</a></li>
                            <li><a href="">我的收藏</a></li>
                            <li><a href="">我的优惠券</a></li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="header1RightList2">
                        <p><a href="#">充值缴费<i></i></a></p>
                        <p>
                            <ul>
                                <li>
                                    水电煤缴费
                                    <a href="">缴费首页</a>
                                    <a href="">水费缴费</a>
                                    <a href="">电费缴费</a>
                                    <a href="">燃气缴费</a>
                                </li>
                                <li>
                                    手机充值
                                    <a href="">手机充值</a>
                                    <a href="">流量充值</a>
                                </li>
                                <li>
                                    其他缴费
                                    <a href="">固话/固带充值</a>
                                    <a href="">铁通缴费</a>
                                    <a href="">有线电视缴费</a>
                                </li>
                                <li>
                                    游戏点卡
                                    <a href="">腾讯Q币充值</a>
                                    <a href="">盛大点券充值</a>
                                    <a href="">更多游戏</a>
                                </li>
                            </ul>
                        </p>
                    </li>
                    <li>|</li>
                    <li class="header1RightList3">
                        <a href="#">客户服务<i></i></a>
                        <ul>
                            <li><a href="">在线客服</a></li>
                            <li><a href="">服务中心</a></li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li class="header1RightList4">
                        <a href="#">掌上明珠<i></i></a>
                        <ul>
                            <li>
                                <img src="https://img23.iblimg.com/market-2/images/activity/1807592795.jpg" />
                                <p>i百联微信</p>
                                <p class="p2">扫一扫关注</p>
                            </li>
                            <li>
                                <img src="https://img22.iblimg.com/market-2/images/activity/1849148942.png" />
                                <p>i百联APP</p>
                                <p class="p2">手机购物更方便</p>
                            </li>
                        </ul>
                    </li>
                    <li>|</li>
                    <li><a href="#">购物车</a></li>
                    <li>|</li>
                </ul>
            </div>
        </div>
        <div class="header2 main">
            <div class="logoImg">
                <img src="https://res11.iblimg.com/respc-1/resources/v4.0/css/i/header-logo.png" />

            </div>
            购物车
            <div style="float: right;font-size: 16px;">
                现在
                <a href="javascript:void(0)" style="color: #ee1f41">登录</a>
                ,您购物车中的商品将会被永久保存
            </div>
        </div>
    </header>
    <section>
        <div class="Section main">
            <div class="SectionTop">
                <div class="SectionTopLeft">
                    全部商品
                    <span style="color: #ee1f41">0</span>
                </div>
                <div class="SectionTopRight">
                    配送至
                    <div class="area">
                        <span></span>
                        <i></i>
                    </div>
                </div>
            </div>
            <div class="SectionHeader">
                <div class="SectionHeaderLeft">
                    <span>全选</span>
                    <span>商品信息</span>
                </div>
                <div class="SectionHeaderRight">
                    <span>单价（元）</span>
                    <span>件数</span>
                    <span>金额（元）</span>
                    <span>操作</span>
                </div>
            </div>
            <div class="SectionBottom">
                <i></i>
                <span>购物车快饿扁了/(ToT)/~~</span>
                <span>尝试买些东西再回来看看，快去 <a href="index.html">i百联首页</a> 挑选商品吧！</span>
            </div>
        </div>
    </section>


    <div name="ifraFooter" id="ifraFooter"></div>
</body>

</html>
<script>
    $(function () {
        $("#ifraFooter").load("footer.html");
    })
</script>